.magazine-viewport .page
{
    width: 461px;
    height: 600px;
    background-color: #EEE; /*#666666;*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor:url(images/zoomIn.cur), url(images/zoomIn.png), default;
}

.magazine-viewport .loader{
	background-image:url(images/loader.gif);
	width:32px;
	height:32px;
	position:absolute;
	top:311px;
	left:265px;
	z-index: 1100; 
	background-size: 100% 100%;
}

.magazine-viewport .zoomloader{
	background-image:url(images/loader.gif);
	width:64px;
	height:64px;
	position:absolute;
	top:311px;
	left:265px;
	z-index: 1100; 
	background-size: 100% 100%;
}

.magazine-viewport .next-button,
.magazine-viewport .previous-button{
	width:32px;
	height:605px;
	position:absolute;
	/*top:291px;*/
	background-color:rgba(10,63,139,0.5);
	cursor: pointer;
	z-index: 2000px;
}


.magazine-viewport .next-button{
	right:-22px;
	-webkit-border-radius:16px 16px 16px 16px;
	-moz-border-radius:16px 16px 16px 16px;
	-ms-border-radius:16px 16px 16px 16px;
	-o-border-radius:16px 16px 16px 16px;
	border-radius:16px 16px 16px 16px;
	background-image:url(images/arrows.png);
	background-position:-28px 288px;
	background-repeat:no-repeat;
}

.magazine-viewport .previous-button{
	left:-22px;
	-webkit-border-radius:16px 16px 16px 16px;
	-moz-border-radius:16px 16px 16px 16px;;
	-ms-border-radius:16px 16px 16px 16px;
	-o-border-radius:16px 16px 16px 16px;
	border-radius:16px 16px 16px 16px;
	background-image:url(images/arrows.png);
	background-position:-4px 288px;
	background-repeat:no-repeat;
}

.esc > div
{
    width: 250px;
    height: 30px;
    font-weight: bold;
    margin: auto;
    text-align: center;
    font: 12px arial;
    line-height: 30px;
    color: #268BDA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 2px solid #268BDA;
}

/*new*/
.background
{
    background: rgb(169,180,234); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(169,180,234,1) 0%, rgba(169,180,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,180,234,1)), color-stop(100%,rgba(169,180,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,180,234,1) 0%,rgba(169,180,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,180,234,1) 0%,rgba(169,180,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,180,234,1) 0%,rgba(169,180,234,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,180,234,1) 0%,rgba(169,180,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A9B4EA', endColorstr='#A9B4EA',GradientType=0 );
}

.actionbar 
{
	position:absolute;
	top:35%;
    left: 92%;
	width:140px;
	font: 14px arial;
	line-height:26px;
	color:#fff;
	text-align:center;
	z-index:100;
}

.actiontool
{
   cursor:pointer;
   padding: 0px;
   border: 1px solid #000;
   border-radius: 5px;
   margin-top: 2px;
   background-color:#fff;
   border: 0px solid rgba(0,0,0,0.5);
   border-radius: 5px 5px 5px 5px;
   background: rgba(255,255,255,0.25);
   box-shadow: 0 2px 6px rgba(255,255,255,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(255,255,255,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(255,255,255,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}
        
.home
{
    width:48px; height:48px; 
    background-image:url(images/home.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
        
.print
{
    width:48px; height:48px; 
    background-image:url(images/print.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
}

.zoom
{
    width:48px; height:48px; 
    background-image:url(images/zoom.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
}

.fullscreen
{
    width:48px; height:48px; 
    background-image:url(images/fullscreen.png); 
    background-size: 100% 100%;
} 

.index
{
    width:48px; height:48px;  
    background-image:url(images/book.png); 
    background-repeat:no-repeat;
    display: none;
    background-size: 100% 100%;
}

.info
{
    width:48px; height:48px; 
    background-image:url(images/info.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
}

.goto
{
    width:48px; height:48px;  
    background-image:url(images/goto.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
}

.actionbarleft
{
	position:absolute;
	top:100px;
    left: 18px;
	font: 14px arial;
	line-height:26px;
	color:#fff;
	text-align:center;
	z-index:100;
	width: 100px;
}

.actiontoolleft
{
   cursor:pointer;
   padding: 0px;
   border-radius: 30px;
   width: 60px;
   height: 60px;
   margin-top: 2px;
   background-color:#fff;
   border: 1px solid rgba(10,63,139,0.5);
   background: rgba(10,63,139,1);
   /*
    box-shadow: 0 2px 6px rgba(255,255,255,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(255,255,255,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(255,255,255,0.5), outset 10px 10px rgba(255,255,255,0.3), outset 10px 10px rgba(255,255,255,0.2), outset 0 10px 20px rgba(255,255,255,0.25), outset 0 15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    */
}

.actiontoollefttext
{
   padding: 0px;
   width: 80px;
   text-align:left;
   color: #000;
}

.infopanel
{
    position: absolute;
	top:10px;
	left:0;
	z-index:10000;
    min-width: 140px;
    min-height: 30px;
    height:auto;
	margin:auto;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font:12px arial;
	line-height:30px;
	color:white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	display:none;
}

.previouspg
{
    position:absolute; 
    bottom: 3px; 
    left: 48%; 
    width:32px; height:32px; 
    margin-top: 10px; 
    margin-right: 5px;
    background-image:url(images/back.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index:100;
    cursor:pointer;
}

.nextpg
{
    position:absolute; 
    bottom: 3px; 
    left: 51%; 
    width:32px; height:32px; 
    margin-top: 10px; 
    margin-right: 5px;
    background-image:url(images/next.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index:100;
    cursor:pointer;
}

.page-corner
{
    cursor: pointer!important;
}

.poweredby 
{
    position:absolute; 
    top: 92%; 
    right: 3px; 
    width:137px; 
    height: 31px; 
    margin-top: 10px; 
    margin-right: 5px;
    background-image:url(images/Printpixlelogo-new.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index:100;
}

.magazine .region-container{
   position:absolute; 
    cursor:pointer!important;
    z-index:25000;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

.magazine .region-container.link
{
    background: #8C9194;
    opacity: 0.1;
}

.magazine .region-container.link:hover{
    
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.magazine .region-container.link.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.magazine .region-container.link.zoom:hover{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}



.magazine .region-container.to-page
{
    background:#8C9194;
    opacity:0.1;
}

.magazine .region-container.to-page:hover{
    
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.magazine .region-container.to-page.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.magazine .region-container.to-page.zoom:hover{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.goto1
{
    margin-top: 7.5px;
    width:105px; 
    height:70px;
    background-image:url(images/link/1.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
    cursor:pointer;
}

.goto2
{
    margin-top: 7.5px;
    width:105px; 
    height:70px;
    background-image:url(images/link/2.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
    cursor:pointer;
}

.goto3
{
    margin-top: 7.5px;
    width:105px; 
    height:70px;
    background-image:url(images/link/3.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
    cursor:pointer;
}

.goto4
{
    margin-top: 7.5px;
    width:105px; 
    height:70px;
    background-image:url(images/link/4.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
    cursor:pointer;
}

.goto5
{
    margin-top: 7.5px;
    width:105px; 
    height:70px;
    background-image:url(images/link/5.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
    cursor:pointer;
}

.goto6
{
    margin-top: 7.5px;
    width:105px; 
    height:70px;
    background-image:url(images/link/6.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
    cursor:pointer;
}


.goto7
{
    margin-top: 7.5px;
    width:105px; 
    height:70px;
    background-image:url(images/link/6.png); 
    background-repeat:no-repeat;
    background-size: 100% 100%;
    cursor:pointer;
}